<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
	<meta charset="utf-8">
	<title>新闻</title>

	<!-- CSS -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/social-icons.css" type="text/css" media="screen" />
	<!--[if IE 8]>
	<link rel="stylesheet" type="${pageContext.request.contextPath}/text/css" media="screen" href="css/ie8-hacks.css" />
	<![endif]-->
	<!-- ENDS CSS -->

	<!-- GOOGLE FONTS
    <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->

	<!-- JS -->
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.5.1.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-1.8.13.custom.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/easing.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.scrollTo-1.4.2-min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.cycle.all.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/custom.js"></script>

	<!-- Isotope -->
	<script src="${pageContext.request.contextPath}/js/jquery.isotope.min.js"></script>

	<!--[if IE]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!--[if IE 6]>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/DD_belatedPNG.js"></script>
	<script>
		/* EXAMPLE */
		//DD_belatedPNG.fix('*');
	</script>
	<![endif]-->
	<!-- ENDS JS -->


	<!-- Nivo slider -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/nivo-slider.css" type="text/css" media="screen" />
	<script src="${pageContext.request.contextPath}/js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
	<!-- ENDS Nivo slider -->

	<!-- tabs -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/tabs.css" type="text/css" media="screen" />
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/tabs.js"></script>
	<!-- ENDS tabs -->

	<!-- prettyPhoto -->
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
	<!-- ENDS prettyPhoto -->

	<!-- superfish -->
	<link rel="stylesheet" media="screen" href="${pageContext.request.contextPath}/css/superfish.css" />
	<link rel="stylesheet" media="screen" href="${pageContext.request.contextPath}/css/superfish-left.css" />
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/superfish-1.4.8/js/hoverIntent.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/superfish-1.4.8/js/superfish.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/superfish-1.4.8/js/supersubs.js"></script>
	<!-- ENDS superfish -->

	<!-- poshytip -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
	<link rel="stylesheet" href="${pageContext.request.contextPath}/js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
	<!-- ENDS poshytip -->

	<!-- Tweet -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/jquery.tweet.css" media="all"  type="text/css"/>
	<script src="${pageContext.request.contextPath}/js/tweet/jquery.tweet.js" type="text/javascript"></script>
	<!-- ENDS Tweet -->

	<!-- Fancybox -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<!-- ENDS Fancybox -->



</head>

<body>

<!-- HEADER -->
<div id="header">
	<!-- wrapper-header -->
	<div class="wrapper">
		<a href="${pageContext.request.contextPath}/news/index"><img id="logo" src="${pageContext.request.contextPath}/img/logo.png" alt="Nova" /></a>
		<!-- search -->
		<%--<div class="top-search">
			<form  method="get" id="searchform" action="#">
				<div>
					<input type="text" value="Search..." name="s" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)" />
					<input type="submit" id="searchsubmit" value=" " />
				</div>
			</form>
		</div>--%>
		<!-- ENDS search -->
	</div>
	<!-- ENDS wrapper-header -->
</div>
<!-- ENDS HEADER -->


<!-- Menu -->
<div id="menu">



	<!-- ENDS menu-holder -->
	<div id="menu-holder">
		<!-- wrapper-menu -->
		<div class="wrapper">
			<!-- Navigation -->
			<ul id="nav" class="sf-menu">
				<li class="current-menu-item"><a href="${pageContext.request.contextPath}/news/index">Home<span class="subheader">Welcome</span></a></li>
				<li><a href="${pageContext.request.contextPath}/news/category?id=2">society<span class="subheader">society news</span></a></li>
				<li><a href="${pageContext.request.contextPath}/news/category?id=3">internation <span class="subheader">information news</span></a></li>
				<li><a href="${pageContext.request.contextPath}/user/queryId">message<span class="subheader">message</span></a>
				</li>
			</ul>
			<!-- Navigation -->
		</div>
		<!-- wrapper-menu -->
	</div>
	<!-- ENDS menu-holder -->
</div>
<!-- ENDS Menu -->





<!-- MAIN -->
<div id="main">
	<!-- wrapper-main -->
	<div class="wrapper">

		<!-- content -->
		<div id="content">

			<!-- title -->
			<div id="page-title">
				<span class="title">The Blog</span>
				<span class="subtitle">Donec eu libero sit amet quam egestas semper.</span>
			</div>
			<!-- ENDS title -->

			<!-- Posts -->
			<div id="posts" class="single">

				<!-- post -->
				<div class="post">
					<iframe src="${id}" width="550px" height="580px">
					</iframe></div>
				<!-- ENDS post -->


			</div>
			<!-- ENDS Posts -->


			<!-- sidebar -->
			<ul >
				<!-- init sidebar -->
				<li>
					<h6>热点</h6>
					<ul>
						<c:forEach items="${hostPost}" var="hpost" begin="0" end="4" step="1">
							<li><a href="${pageContext.request.contextPath}/record/insert?link=${hpost.id}" title="View all posts">${hpost.title}</a></li>
						</c:forEach>
					</ul>
				</li>

				<li>
					<h6>推荐 </h6>
					<ul>
						<c:forEach items="${arithmetic}" var="hpost" begin="0" end="4" step="1">
							<li><a href="${pageContext.request.contextPath}/record/insert?link=${hpost.id}" title="View all posts">${hpost.title}</a></li>
						</c:forEach>
					</ul>
				</li>
				<!-- ENDS init sidebar -->
			</ul>
			<!-- ENDS sidebar -->


		</div>
		<!-- ENDS content -->

	</div>
	<!-- ENDS wrapper-main -->
</div>
<!-- ENDS MAIN -->

<!-- Twitter -->
<!-- ENDS Twitter -->

<!-- FOOTER -->
<div id="footer">
    <!-- wrapper-footer -->
    <div class="wrapper">
        <!-- footer-cols -->
        <ul id="footer-cols">
            <li class="col">
                <h6>页面</h6>
				<ul>
					<li class="page_item"><a href="${pageContext.request.contextPath}/news/index">Home</a></li>
					<li class="page_item"><a href="${pageContext.request.contextPath}/news/category?id=2">society</a></li>
					<li class="page_item"><a href="${pageContext.request.contextPath}/news/category?id=3">internation</a></li>
					<li class="page_item"><a href="${pageContext.request.contextPath}/user//queryId">message</a></li>
				</ul>
            </li>

            <li class="col">
                <h6>类别</h6>
				<ul>
					<li><a href="${pageContext.request.contextPath}/news/category?id=2">社会</a></li>
					<li><a href="${pageContext.request.contextPath}/news/category?id=3">国际</a></li>
					<li><a href="${pageContext.request.contextPath}/user//queryId">个人信息</a></li>
				</ul>
            </li>
            <li class="col">
                <h6>关于这个系统</h6>
				新闻推荐系统。
            </li>

        </ul>
        <!-- ENDS footer-cols -->
    </div>
    <!-- ENDS wrapper-footer -->
</div>
<!-- ENDS FOOTER -->


<!-- Bottom -->
<div id="bottom">
    <!-- wrapper-bottom -->
    <div class="wrapper">
        <div id="bottom-text">2018. <a href="http://www.cssmoban.com/">张振</a> </div>
        <!-- Social -->

        <!-- ENDS Social -->
        <div id="to-top" class="poshytip" title="To top"></div>
    </div>
    <!-- ENDS wrapper-bottom -->
</div>
<!-- ENDS Bottom -->

</body>
</html>